﻿/* colorpicker styles */
.colorpicker {
    background-color: #222222;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 2px 2px 2px #444444;
    box-shadow: 2px 2px 2px #444444;
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    width: 460px;
}

#picker {
    cursor: crosshair;
    float: left;
    margin: 10px;
    border: 0;
}

.controls {
    float: right;
    margin: 10px;
}

    .controls > div {
        border: 1px solid #2F2F2F;
        margin-bottom: 5px;
        overflow: hidden;
        padding: 5px;
    }

    .controls label {
        float: left;
    }

    .controls > div input {
        background-color: #121212;
        border: 1px solid #2F2F2F;
        color: #DDDDDD;
        float: right;
        font-size: 10px;
        height: 14px;
        margin-left: 6px;
        text-align: center;
        text-transform: uppercase;
        width: 75px;
    }

.preview {
    background: url("../img/select-picker.png") repeat scroll center center transparent;
    border-radius: 4px;
    /*-webkit-box-shadow: 2px 2px 2px #444444;
    box-shadow: 2px 2px 2px #444444;*/
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.preview-read {
    background: url("../img/select-picker-read.png") repeat scroll center center transparent;
    border-radius: 4px !important;
    /*-webkit-box-shadow: 2px 2px 2px #444444;
    box-shadow: 2px 2px 2px #444444;*/
    height: 30px !important;
    width: 30px !important;
}